<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:t="http://myfaces.apache.org/tomahawk"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
    	<ui:composition template="./templates/framework.xhtml">
			<ui:define name="content">
				<ui:include src="./templates/header.xhtml">
					<ui:param name="text" value="#{i18n['generic.back']}" />
					<ui:param name="link" value="settings.xhtml" />
				</ui:include>
				<h:form id="deleteAccountForm" styleClass="primary">
					<p>
						<h:outputText value="#{i18n['deleteAccount.warning']}" escape="false" />
					</p>
					<p>
						<h:outputText value="#{i18n['deleteAcocunt.actionsHead']}" escape="false" />
					</p>
					<h:outputText value="#{i18n['deleteAcocunt.actionsText']}" escape="false" />
					<p>
						<h:outputText value="#{i18n['deleteAccount.backup']}" escape="false" />
					</p>
					<div>
						<h:selectBooleanCheckbox id="confirmed" value="#{deleteAccountBean.confirmed}" validator="#{genericValidationBean.deleteAccountChecked}" style="margin-left: 15px" />
						<h:outputLabel for="confirmed" styleClass="checkboxLabel"><h:outputText value="#{i18n['deleteAccount.confirmation']}" /></h:outputLabel>
						<span class="error"><h:message for="confirmed" /></span>
					</div>
					<div class="buttons">
						<h:commandButton type="submit" value="#{i18n['deleteAccount.delete']}" action="#{deleteAccountBean.deleteAccount}" style="margin-left: 15px" />
						<input type="button" value="#{i18n['generic.cancel']}" onclick="location.href='settings.xhtml'" />
					</div>
				</h:form>
			</ui:define>
		</ui:composition>
    </h:body>
</html>